<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>栅格系统</title>
	
	<link rel="stylesheet"  href="__ROOT__/static/css/bootstrap.min.css" />
	<style>

a:focus{
outline:none;
}

}
	</style>
	
	</head>
<body style="margin:200px">




<div id="myCarousel" class="carousel slide" data-ride="carousel" style="width:250px"> 
  <ol class="carousel-indicators">

      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

     <li data-target="#myCarousel" data-slide-to="1"></li>
	 <li data-target="#myCarousel" data-slide-to="2"></li>

  </ol>

  <div class="carousel-inner">
        <div class="item active">
              <img src="__ROOT__/static/note/img/7.jpg" alt="第一张"> </div>

        <div class="item">

              <img src="__ROOT__/static/note/img/7.jpg" alt="第二张"> </div>

        <div class="item">

             <img src="__ROOT__/static/note/img/7.jpg" alt="第三张"> </div>

  </div>
  <a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="glyphicon glyphicon-chevron-left"></span></a>
  <a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="glyphicon glyphicon-chevron-right"></span></a>



</div>













<script src="__ROOT__/static/js/jquery.min.js"></script>
<script src="__ROOT__/static/js/bootstrap.min.js"></script>
<script type="text/javascript">
  





</script>



</body>
</html>